<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
  </head>
<body>
  <!--index.wxml-->
<div class="container">
  <div class="header">
    <div class="lt"></div>
    <div class="ct">首页</div>
    <div class="rt"></div>
  </div>
  <div class="search">
    <a href="./search.html" class="input">
      <img class="icon"/>
      <span class="txt">商品搜索, 共xx款好物</span>
    </a>
  </div>
  <div class="banner">
    <a href="">
      <img src="./static/demo/idx-banner.jpg" background-size="cover"/>
    </a>
  </div>
  <div class="m-menu">
    <a class="item" url="">
      <img src="" background-size="cover"/>
      <span>标题1</span>
    </a>
    <a class="item" url="">
      <img src="" background-size="cover"/>
      <span>标题1</span>
    </a>
    <a class="item" url="">
      <img src="" background-size="cover"/>
      <span>标题1</span>
    </a>
    <a class="item" url="">
      <img src="" background-size="cover"/>
      <span>标题1</span>
    </a>
    <a class="item" url="">
      <img src="" background-size="cover"/>
      <span>标题1</span>
    </a>
  </div>
  <div class="a-section a-brand">
    <div class="h">
      <a href="./brand.html">
        <span class="txt">品牌制造商直供</span>
      </a>
    </div>
    <div class="b">
      <div class="item item-1">
        <a href="./brandDetail.html">
          <div class="wrap">
            <img class="img" src="./static/demo/idx-brand.jpg" mode="aspectFill"/>
            <div class="mt">
              <span class="brand">CK制造商</span>
              <span class="price">xx</span>
              <span class="unit">元起</span>
            </div>
          </div>
        </a>
      </div>
      <div class="item item-1">
        <a href="./brandDetail.html">
          <div class="wrap">
            <img class="img" src="./static/demo/idx-brand.jpg" mode="aspectFill"/>
            <div class="mt">
              <span class="brand">CK制造商</span>
              <span class="price">xx</span>
              <span class="unit">元起</span>
            </div>
          </div>
        </a>
      </div>
      <div class="item item-1">
        <a href="./brandDetail.html">
          <div class="wrap">
            <img class="img" src="./static/demo/idx-brand.jpg" mode="aspectFill"/>
            <div class="mt">
              <span class="brand">CK制造商</span>
              <span class="price">xx</span>
              <span class="unit">元起</span>
            </div>
          </div>
        </a>
      </div>
      <div class="item item-1">
        <a href="./brandDetail.html">
          <div class="wrap">
            <img class="img" src="./static/demo/idx-brand.jpg" mode="aspectFill"/>
            <div class="mt">
              <span class="brand">CK制造商</span>
              <span class="price">xx</span>
              <span class="unit">元起</span>
            </div>
          </div>
        </a>
      </div>
    </div>
  </div>
  <div class="a-section a-new">
    <div class="h">
      <div>
        <a href="./newGoods.html">
          <span class="txt">周一周四 · 新品首发</span>
        </a>
      </div>
    </div>
    <div class="b">
      <div class="item" >
        <a href="./goods.html">
          <img class="img" src="./static/demo/idx-xinping.png" background-size="cover"/>
          <span class="name">名称名称名称</span>
          <span class="price">￥222</span>
        </a>
      </div>
      <div class="item" >
        <a href="./goods.html">
          <img class="img" src="./static/demo/idx-xinping.png" background-size="cover"/>
          <span class="name">名称名称名称</span>
          <span class="price">￥222</span>
        </a>
      </div>
      <div class="item" >
        <a href="./goods.html">
          <img class="img" src="./static/demo/idx-xinping.png" background-size="cover"/>
          <span class="name">名称名称名称</span>
          <span class="price">￥222</span>
        </a>
      </div>
      <div class="item" >
        <a href="./goods.html">
          <img class="img" src="./static/demo/idx-xinping.png" background-size="cover"/>
          <span class="name">名称名称名称</span>
          <span class="price">￥222</span>
        </a>
      </div>
    </div>
  </div>
  <div class="a-section a-popular">
    <div class="h">
      <div>
        <a href="./hotGoods.html">
          <span class="txt">人气推荐</span>
        </a>
      </div>
    </div>
    <div class="b">
      <div class="item" >
        <a href="./goods.html">
          <img class="img" src="./static/demo/index-renqi.png" background-size="cover"/>
          <div class="right">
            <div class="span">
              <span class="name">名称名称名称</span>
              <span class="desc">描述描述描述描述</span>
              <span class="price">￥222</span>
            </div>
          </div>
        </a>
      </div>
      <div class="item" >
        <a href="./goods.html">
          <img class="img" src="./static/demo/index-renqi.png" background-size="cover"/>
          <div class="right">
            <div class="span">
              <span class="name">名称名称名称</span>
              <span class="desc">描述描述描述描述</span>
              <span class="price">￥222</span>
            </div>
          </div>
        </a>
      </div>
      <div class="item" >
        <a href="./goods.html">
          <img class="img" src="./static/demo/index-renqi.png" background-size="cover"/>
          <div class="right">
            <div class="span">
              <span class="name">名称名称名称</span>
              <span class="desc">描述描述描述描述</span>
              <span class="price">￥222</span>
            </div>
          </div>
        </a>
      </div>
    </div>
  </div>
  <div class="a-section a-topic" >
    <div class="h">
      <div>
        <a href="./topic.html" >
          <span class="txt">专题精选</span>
        </a>
      </div>
    </div>
    <div class="b">
      <!-- 这里要横向滚动 -->
      <div scroll-x="true" class="list">
        <div class="item" >
          <a href="topicDetail.html">
            <img class="img" src="./static/demo/idx-zhuanti.jpg" background-size="cover"/>
            <div class="np">
              <span class="name">标题标题标题标题</span>
              <span class="price">￥22元起</span>
            </div>
            <span class="desc">描述描述描述描述描述描述</span>
          </a>
        </div>
        <div class="item" >
          <a href="topicDetail.html">
            <img class="img" src="./static/demo/idx-zhuanti.jpg" background-size="cover"/>
            <div class="np">
              <span class="name">标题标题标题标题</span>
              <span class="price">￥22元起</span>
            </div>
            <span class="desc">描述描述描述描述描述描述</span>
          </a>
        </div>
        <div class="item" >
          <a href="topicDetail.html">
            <img class="img" src="./static/demo/idx-zhuanti.jpg" background-size="cover"/>
            <div class="np">
              <span class="name">标题标题标题标题</span>
              <span class="price">￥22元起</span>
            </div>
            <span class="desc">描述描述描述描述描述描述</span>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="good-grid">
    <div class="h">
      <div>
        <span>分类1</span>
      </div>
    </div>
    <div class="b">
        <a href="./goods.html" class="item">
          <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
          <div class="name">名称名称名称</div>
          <div class="price">￥222</div>
        </a>
        <a href="./goods.html" class="item">
          <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
          <div class="name">名称名称名称</div>
          <div class="price">￥222</div>
        </a>
        <a href="./goods.html" class="item">
          <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
          <div class="name">名称名称名称</div>
          <div class="price">￥222</div>
        </a>
        <a href="./goods.html" class="item">
          <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
          <div class="name">名称名称名称</div>
          <div class="price">￥222</div>
        </a>
    </div>
  </div>
  <div class="good-grid">
    <div class="h">
      <div>
        <span>分类1</span>
      </div>
    </div>
    <div class="b">
        <a href="./goods.html" class="item">
          <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
          <div class="name">名称名称名称</div>
          <div class="price">￥222</div>
        </a>
        <a href="./goods.html" class="item">
          <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
          <div class="name">名称名称名称</div>
          <div class="price">￥222</div>
        </a>
        <a href="./goods.html" class="item">
          <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
          <div class="name">名称名称名称</div>
          <div class="price">￥222</div>
        </a>
        <a href="./goods.html" class="item">
          <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
          <div class="name">名称名称名称</div>
          <div class="price">￥222</div>
        </a>
    </div>
  </div>
  <div class="good-grid">
    <div class="h">
      <div>
        <span>分类1</span>
      </div>
    </div>
    <div class="b">
        <a href="./goods.html" class="item">
          <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
          <div class="name">名称名称名称</div>
          <div class="price">￥222</div>
        </a>
        <a href="./goods.html" class="item">
          <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
          <div class="name">名称名称名称</div>
          <div class="price">￥222</div>
        </a>
        <a href="./goods.html" class="item">
          <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
          <div class="name">名称名称名称</div>
          <div class="price">￥222</div>
        </a>
        <a href="./goods.html" class="item">
          <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
          <div class="name">名称名称名称</div>
          <div class="price">￥222</div>
        </a>
    </div>
  </div>
  <!-- 底部TabBar区域 -->
  <div class="tab-bar">
    <a href="index.html" class="active">
      <!-- <img src="./static/images/ic_menu_choice_nor.png" alt=""> -->
      <img src="./static/images/ic_menu_choice_pressed.png" alt="">
      <span>首页</span>
    </a>
    <a href="topic.html">
      <img src="./static/images/ic_menu_topic_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_topic_pressed.png" alt=""> -->
      <span>专题</span>
    </a>
    <a href="cate.html">
      <img src="./static/images/ic_menu_sort_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_sort_pressed.png" alt=""> -->
      <span>分类</span>
    </a>
    <a href="cart.html">
      <img src="./static/images/ic_menu_shoping_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_shoping_pressed.png" alt=""> -->
      <span>购物车</span>
    </a>
    <a href="user.html">
      <img src="./static/images/ic_menu_me_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_me_pressed.png" alt=""> -->
      <span>我的</span>
    </a>
  </div>
</div>
</body>
</html>